<template>
  <el-card class="general-flex-center" style="height:100%;">
    <div v-for="fit in fits" :key="fit" style="height:100%;">
      <!-- <span class="demonstration">{{ fit }}</span> -->
      <el-image style="max-width: 100%; max-height: 100%" :src="url" :fit="fit" />
    </div>
  </el-card>
</template>

<script lang="ts" setup>
import { useRouter, useRoute } from "vue-router";
import { BASE_URL } from "@/utils/common.js";
import { ImageProps } from "element-plus";
import axios from "axios";
import { onMounted } from "vue";

const route = useRoute();

//图片js
const fits = ["fill"] as ImageProps["fit"][];
//const url = 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
const url = BASE_URL + "/flowDialogImg?stage=" + route.params.paramName;
</script>

<style scoped lang="scss"></style>
